﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaPersonaJuridica
@{
    Layout = "~/Views/Shared/_VendedorLayout.cshtml";
    ViewBag.Title = "Listado de Clientes Jurídicos";
}
<script>
	$(document).ready(function () {
		var id = $("#id");

		function updateTips(t) {
			tips
			    .text(t)
			    .addClass("ui-state-highlight");
			setTimeout(function () {
				tips.removeClass("ui-state-highlight", 1500);
			}, 500);
		}

		$("#dialog-form").dialog({
			autoOpen: false,
			height: 350,
			width: 350,
			modal: true,
			buttons: {
				"Buscar": function () {
					document.getElementById('busqueda').submit()
					$(this).dialog("close");
				},
				Cancelar: function () {
					$(this).dialog("close");
				}
			},
			close: function () {
				allFields.val("").removeClass("ui-state-error");
			}
		});

		$("#buscar")
		    .click(function () {
		    	$("#dialog-form").dialog("open");
		    });
	});

</script>

<script>
	function siguientePagina() {
		var form = document.getElementById("Busqueda");
		var prPage = document.createElement("div");
		prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
        document.getElementById("busqueda").appendChild(prPage);
        document.getElementById("busqueda").submit();
   }
   function anteriorPagina() {
   	var form = document.getElementById("Busqueda");
   	var prPage = document.createElement("div");
   	prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
        document.getElementById("busqueda").appendChild(prPage);
        document.getElementById("busqueda").submit();
   }
</script>

	<!-- content -->
	<div class="body2">
		<div class="main">
			<section id="content">
				<div class="wrapper">
					<!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS-->
                    
					<article class="col0">
						<nav class="urbangreymenu">
							<h3 class="headerbar">Listado Inmuebles</h3>
							<ul id="subMenu">
								<li>
									<h5>@Html.ActionLink("Inicio", "Index")</h5>
								</li>

								<li>
									<h5>@Html.ActionLink("Nuevo Cliente Jurídico", "RegistrarPersonaJuridica")</h5>
								</li>
								
							</ul>
						</nav>
					</article>
					     <div id="dialog-form" title="Busqueda de Cliente">
                         <p class="validateTips">Ingrese los campos para la busqueda</p>
                         <form id="busqueda" method="get" action="/PerfilVendedor/IndexClienteJuridica">


                          

                                <div class="row">
                                    <span>Razón Social</span>
                                    @Html.TextBoxFor(model => model.prRazonSocial, new { style = "border: 1px solid black; border: 1px solid black; margin-left: 36px; margin-bottom: 6px;" }) 
                                    @Html.ValidationMessageFor(model => model.prRazonSocial) 
                                
                                </div>

                                <div class="row">
                                    <span>Dirección</span>
                                    @Html.TextBoxFor(model => model.prDireccion, new { style = "border: 1px solid black; border: 1px solid black; margin-left: 59px; margin-bottom: 6px;" }) 
                                    @Html.ValidationMessageFor(model => model.prDireccion) 
                                
                                </div>

                                   <div class="row">
                                    <span>RUC</span>
                                    @Html.TextBoxFor(model => model.prRuc, new { style = "border: 1px solid black; border: 1px solid black; margin-left: 94px; margin-bottom: 6px;" }) 
                                    @Html.ValidationMessageFor(model => model.prRuc) 
                                
                                </div>
                                    

                          </form>

                             <!--fin formulario busqueda --->

					</div>
					<article class="col1">
						<div class="pad2">
							<h2 class="pad_bot1 pad_top1">Lista de Personas Jurídicas</h2>

							<form id="ContactForm" method="post">
							<div class="wrapper">
								 
                                <h3 style="padding-top: 0px; padding-bottom: 10px;">Busqueda de Persona Juridica
									<a id="buscar"><img src="../Content/site/images/icono_buscar.png" /></a>
								</h3>


								<table border="0" id="indice" >
									<tr>
										<th>ID</th>
										<th>Razón Social</th>
										<th>RUC</th>
										<th>Dirección</th>
										<th>Editar</th>
										<th>Eliminar</th>
									</tr>
									@foreach (var personaJuridica in ViewBag.ListaPersonaJuridica)
	    {
										<tr class="alt">
											<td>@personaJuridica.prIdPersona</td>
											<td>@personaJuridica.prRazonSocial</td>
											<td>@personaJuridica.prRuc</td>
											<td>@personaJuridica.prDireccion</td>
											<td><a href="/PerfilVendedor/ModificarPersonaJuridica?prIdPersona=@personaJuridica.prIdPersona"><img  src="../Content/site/images/icono_modificar.png" /></a></td>
											<td><a href="/PerfilVendedor/EliminarPersonaJuridica?prIdPersona=@personaJuridica.prIdPersona"><img src="../Content/site/images/icono_quitar.png" /></a></td>
										</tr>
	    }
								</table>
								
							</div>
						</form>

						</div>
						<br />
						<span style="float: none">
							@if (ViewBag.prevPage > 0)
       {
								<a href="javascript:anteriorPagina()"><img src="../Content/site/images/icono_anterior.png" /></a> 
       }
							 
                                        @if (ViewBag.nextPage <= ViewBag.numPages)
                                        {
									<a href="javascript:siguientePagina()"><img src="../Content/site/images/icono_siguiente.png" /></a>
								}
						</span>
					</article>
				</div>

			</section>
		</div>
	</div>

	<!-- / content -->

	<script type="text/javascript"> Cufon.now(); </script>
